<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Quamax Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
       <script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
	
  </script>
</head>
<body>
<!-- header -->
	<div class="header">
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
		</div>
		<div class="head-nav">
			<div class="container">
				<span class="menu">Menu</span>
					<ul class="cl-effect-7">
						<li><a href="index.html">Home</a></li>
						<li><a href="plans.html">Hosting Plans</a></li>
						<li><a href="domain.html">Domain</a></li>
						<li><a href="about.html">About</a></li>
						<li class="active"><a href="services.html">Services</a></li>
						<li><a href="pages.html">Pages</a></li>
						<li><a href="404.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
							<div class="clearfix"> </div>
					</ul>
			</div>
		</div>
		<!-- script-for-nav -->
			<script>
				$( "span.menu" ).click(function() {
				$( ".head-nav ul" ).slideToggle(300, function() {
				// Animation complete.
				});
				});
			</script>
		<!-- script-for-nav -->
	</div>
<!-- header -->

<!-- services -->
	<div class="services">
		<div class="container">
			<h3>CUSTOM HOST SERVICES INFORMATION</h3>
			<div class="feature-top">
				<div class="col-md-6 ser-top">
				<div class="ser-btm">
					<div class="ser-lft">
						<img src="images/9.png" class="img-responsive" alt="">
					</div>
					<div class="ser-rgt">
					<h4>Letraset sheets </h4>
						<p>with the release Letraset sheets Lorem Ipsum passages containing of Letraset sheets  </p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-6 ser-top">
				<div class="ser-btm">
					<div class="ser-lft">
						<img src="images/10.png" class="img-responsive" alt="">
					</div>
					<div class="ser-rgt">
					<h4>Letraset sheets </h4>
						<p> Letraset sheets with the release Letraset sheets Lorem Ipsum containing Lorem Ipsum passages</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-6 ser-top">
				<div class="ser-btm">
						<div class="ser-lft">
							<img src="images/11.png" class="img-responsive" alt="">
						</div>
						<div class="ser-rgt">
						<h4>Letraset sheets </h4>
							<p>containing Lorem sheets containing Lorem Ipsum passages, and more release Letraset rece</p>
						</div>
						<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-6 ser-top">
					<div class="ser-btm">
						<div class="ser-lft">
							<img src="images/12.png" class="img-responsive" alt="">
						</div>
						<div class="ser-rgt">
						<h4>Letraset sheets </h4>
							<p>with the release of Letraset sheets Letraset sheets Lorem Ipsum containing containing Lorem</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
					<div class="clearfix"> </div>
			</div>
			<div class="fe-btom">
				<div class="col-md-8 fe-bt-lft">
				<h3>FEATURED SERVICES</h3>
					<div class="about-top">
						<div class="ab-lft">
							<img src="images/3.jpg" class="img-responsive" alt="">
						</div>
						<div class="ab-rgt">
						<h4>Vule putateulr ips dol consec</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie putateulr ips dol consec. Donec semp ertet laciniate putateulr putateulr ips dol consec. Donec semp ertet laciniate ips dol consec. Donec semp ertet laciniate upien disseco dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolorecondime netus lulam utlacus adipiscing ipsu Aenean imperdiet alique.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="about-top">
						<div class="ab-lft">
							<img src="images/4.jpg" class="img-responsive" alt="">
						</div>
						<div class="ab-rgt">
						<h4>Vule putateulr ips dol consec</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp putateulr ips dol consec. Donec putateulr ips dol consec. Donec semp ertet laciniate semp putateulr ips dol consec. Donec semp ertet laciniate ertet laciniate ertet laciniate ultricie upien disseco dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolorecondime netus lulam utlacus adipiscing ipsu Aenean imperdiet alique.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 fe-bt-lft">
				<h3>SERVICES LIST</h3>
				<ul>
					<li><a href="#"><span></span>Entire soul, the release simply like these</a></li>
					<li><a href="#"><span></span>I enjoy with my whole the release  simply </a></li>
					<li><a href="#"><span></span>Lorem Ipsum is the release  simply that it </a></li>
					<li><a href="#"><span></span>Sweet mornings of the release  simply spring</a></li>
					<li><a href="#"><span></span>Entire soul, the release simply like these</a></li>
					<li><a href="#"><span></span>I enjoy with my whole the release  simply </a></li>
					<li><a href="#"><span></span>Lorem Ipsum is the release  simply that it </a></li>
					<li><a href="#"><span></span>Sweet mornings of the release  simply spring</a></li>
					<li><a href="#"><span></span>Entire soul, the release simply like these</a></li>
					<li><a href="#"><span></span>I enjoy with my whole the release  simply </a></li>
					
				</ul>
				</div>
					<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- services -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="col-md-3 footer-left">
				<h3>Navigation</h3>
				<li><a href="about.html">About</a></li>
				<li><a href="services.html">Services</a></li>
				<li><a href="404">Blog</a></li>
				<li><a href="contact.html">Contact</a></li>
			</div>
			<div class="col-md-3 footer-left">
				<h3>For Members</h3>
				<li><a href="#">Forums</a></li>
				<li><a href="#">Promotions</a></li>
				<li><a href="login.html">Sign In</a></li>
				<li><a href="#">News</a></li>
			</div>
			<div class="col-md-3 soci">
				<h3>Follow Us</h3>
				<ul>
						<li><a href="#"><i class="facebk"> </i></a></li>
						<li><a href="#"><i class="twter"> </i></a></li>
						<li><a href="#"><i class="goopl"> </i></a></li>
						<li><a href="#"><i class="insta"> </i></a></li>
							<div class="clearfix"></div>	
					</ul>
			</div>
			<div class="col-md-3 footer-left">
				<h3>Our Location</h3>
				<li><i class="add"> </i>lorem ipsum</li>
				<li><i class="phone"> </i>1234567890</li>
				<li><a href="mailto:info@example.com"><i class="mail"> </i>info@sitename.com </a></li>
			</div>
				<div class="clearfix"> </div>
		<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></p>
		</div>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 0;"></span> <span id="toTopHover" style="opacity: 0;"> </span></a>
	</div>
<!-- footer -->
</body>
</html>